<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人主页</title>
        <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
        <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
	<body>
		
		
		
		<div class="wrapper">
            <nav>
                <div class="nav-left clearfix">
                    <div class="nav-logo">
                        <a href=""><img src="img/tx.jpg" alt=""></a>
                    </div>
                    <div class="nav-p">
                        <span class="pt">Fu xinxin</span>
                        <span class="pd">个人主页</span>
                    </div>
                </div>
                <div class="nav-right clearfix">
                    <div class="menu">
                        <i class="fa fa-reorder" aria-hidden="true"></i>
                    </div>
                    <ul class="clearfix" style="margin-bottom: 0">
                        <li><a href="#a">首页</a></li>
                        <li><a href="#b">关于我</a></li>
                        <li><a href="#c">作品展示</a></li>
                        <li><a href="">作品集</a></li>
                        <li><a href="">专业技能</a></li>
                        <li><a href="">联系我</a></li>
                    </ul>
                </div>
            </nav>
            <div class="sh swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide main-a demo-two" id="a">
                        <video autoplay="" loop="" class="video-background" muted="" plays-inline="">
                            <source src="img/bj.mp4" type="video/mp4">
                        </video>


                        <div class="a-top" >
                            <div class="container">
                                <a href=""><img src="img/tx.jpg" alt=""></a>
                                <p class="zi">如果生活不如你所想，我希望你有勇气重新出发</p>
                                <div class="des-list">
                                    <p>我叫付鑫鑫</p>
                                    <p>18岁</p>
                                    <p>泊头职业学院一名学生</p>
                                    <p>QQ：2324623304</p>
                                    <p>手机：18531067798</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide main-b" id="b">

                        <div class="about">
                            <h3>关于我</h3>
                            <span>- ABOUT ME -</span>
                        </div>

                        <div class="b-bottom">
                            <div class="b-t" id="bt">
                                <ul class="clearfix">
                                    <li>
                                        <div class="icon">
                                            <img src="img/ab-a.png" alt="">
                                            <span class="ico"></span>
                                            <span class="ico-hover"></span>
                                        </div>
                                        <div class="text">
                                            <span class="t-l">学历</span>
                                            <span class="line"></span>
                                            <span class="t-d">大专</span>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <img src="img/ab-b.png" alt="">
                                            <span class="ico"></span>
                                            <span class="ico-hover"></span>
                                        </div>
                                        <div class="text">
                                            <span class="t-l">年龄</span>
                                            <span class="line"></span>
                                            <span class="t-d">18</span>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <img src="img/ab-c.png" alt="">
                                            <span class="ico"></span>
                                            <span class="ico-hover"></span>
                                        </div>
                                        <div class="text">
                                            <span class="t-l">籍贯</span>
                                            <span class="line"></span>
                                            <span class="t-d">河北邯郸</span>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <img src="img/ab-d.png" alt="">
                                            <span class="ico"></span>
                                            <span class="ico-hover"></span>
                                        </div>
                                        <div class="text">
                                            <span class="t-l">目前</span>
                                            <span class="line"></span>
                                            <span class="t-d">学生</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="my-summary">
                                <span class="icon-l"></span>
                                <span class="icon-r"></span>
                                <p>我是正在学习前端知识的一名学生</p>
                                <p>我喜欢来一场说走就走的旅行</p>
                                <p>我喜欢把复杂的问题简单化，行走在追求极致的路上</p>
                                <p>我喜欢做一切自己喜欢的事情，尽管它没意义</p>
                                <p>当我不写代码的时候，就是一个睡觉，看电影，打游戏的技术宅</p>
                            </div>
                        </div>

                    </div>
                    <div class="swiper-slide main-c" id="c">
                        <div class="container">
                            <div class="about">
                                <h3>作品展示</h3>
                                <span>- Works Display -</span>
                            </div>
                            <div class="silck row">
                                <div class="col-md-3">
                                    <div class="card">
                                        <img src="img/p1.jpg" alt="">
                                        <div class="px">
                                            <a href="haiershouye1.html"><img src="img/a1.PNG" alt=""></a>
                                            <h3>海尔官网</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card">
                                        <img src="img/p2.jpg" alt="">
                                        <div class="px">
                                            <a href=""><img src="img/b.PNG" alt=""></a>
                                            <h3>小米官网</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card">
                                        <img src="img/p3.jpg" alt="">
                                        <div class="px">
                                            <a href=""><img src="img/c.PNG" alt=""></a>
                                            <h3>天涯明月刀</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="card">
                                        <img src="img/p4.jpg" alt="">
                                        <div class="px">
                                            <a href=""><img src="img/d.PNG" alt=""></a>
                                            <h3>纪梵希官网</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="swiper-slide main-f">
                        <div class="container">
                            <div class="about">
                                <h3>作品集</h3>
                                <span>- Sample -</span>
                            </div>
                            <div class="sample">
                                <div class="bd-example">
                                    <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                                        <ol class="carousel-indicators">
                                            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                                            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                                            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                                            <li data-target="#carouselExampleCaptions" data-slide-to="3"></li>
                                            <li data-target="#carouselExampleCaptions" data-slide-to="4"></li>
                                        </ol>
                                        <div class="carousel-inner">
                                            <div class="carousel-item active">
                                                <img src="img/j1.jpg" class="d-block w-100" alt="...">
                                                <div class="y"></div>
                                                <div class="carousel-caption d-none d-md-block">
                                                    <h5>云巴网站</h5>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <img src="img/j2.jpg" class="d-block w-100" alt="...">
                                                <div class="y"></div>
                                                <div class="carousel-caption d-none d-md-block">
                                                    <h5>蔬菜</h5>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <img src="img/j3.jpg" class="d-block w-100" alt="...">
                                                <div class="y"></div>
                                                <div class="carousel-caption d-none d-md-block">
                                                    <h5>恒望科技</h5>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <img src="img/j4.jpg" class="d-block w-100" alt="...">
                                                <div class="y"></div>
                                                <div class="carousel-caption d-none d-md-block">
                                                    <h5>腾讯网</h5>
                                                </div>
                                            </div>
                                            <div class="carousel-item">
                                                <img src="img/j5.jpg" class="d-block w-100" alt="...">
                                                <div class="y"></div>
                                                <div class="carousel-caption d-none d-md-block">
                                                    <h5>淘宝网</h5>
                                                </div>
                                            </div>
                                        </div>
                                        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                            <span class="sr-only">Previous</span>
                                        </a>
                                        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                            <span class="sr-only">Next</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide main-d">
                        <div class="container clearfix">
                            <div class="about">
                                <h3>专业技能</h3>
                                <span>- SKILL -</span>
                            </div>
                            <div class="skills clearfix">
                                <ul>
                                    <li>
                                        <div class="skills-inner">
                                            <div class="skills-s skills-sa">
                                                <span class="so">HTML5</span>
                                                <span class="st">90%</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="skills-inner">
                                            <div class="skills-s skills-sb">
                                                <span class="so">Css</span>
                                                <span class="st">85%</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="skills-inner">
                                            <div class="skills-s skills-sc">
                                                <span class="so">JavaScript</span>
                                                <span class="st">50%</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="skills-inner">
                                            <div class="skills-s skills-sd">
                                                <span class="so">Swiper</span>
                                                <span class="st">70%</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="skills-inner">
                                            <div class="skills-s skills-se">
                                                <span class="so">Bootstrap</span>
                                                <span class="st">80%</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="skills-inner">
                                            <div class="skills-s skills-sf">
                                                <span class="so">Ajax</span>
                                                <span class="st">65%</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li></li>
                                </ul>
                            </div>
                            <div class="skill-sumary clearfix">
                                <ul>
                                    <li>
                                        <p>熟悉html5新标签语意，能合理利用语意标签布局页面；</p>
                                    </li>
                                    <li>
                                        <p>熟悉css的属性及相关用法，可以熟练的使用CSS同时控制网页的样式和布局；</p>
                                    </li>
                                    <li>
                                        <p>熟悉Javascript编程语言；</p>
                                    </li>
                                    <li>
                                        <p>熟练使用Swiper框架开发页面动画效果，有一定开发经验；</p>
                                    </li>
                                    <li>
                                        <p>熟练掌握bootstrap框架及源码的使用方法；</p>
                                    </li>
                                    <li>
                                        <p>熟悉JavaScript、Ajax等前端技术；</p>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div class="swiper-slide main-e">
                        <div class="container">
                            <div class="about">
                                <h3>联系我</h3>
                                <span>- CONTACT ME -</span>
                            </div>
                            <div class="text">
                                <h5>在哪里找到我</h5>
                                <p>中国 河北省</p>
                                <p>邯郸市 武安市</p>
                                <br>
                                <h5>联系我</h5>
                                <p>手机：18531067798</p>
                                <p>QQ：2324623304</p>
                                <p>微信：fxx18230107012</p>
                                <br>
                                <h5>给我发电子邮件</h5>
                                <p>2324623304@qq.com</p>
                            </div>
                        </div>
                        <div class="last">
                            <p>"Copyright © 2019 - 2029 Fuxinxin.com 所有 "</p>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
		</div>
    </div>



        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
        <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
        <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
        <script src="js/script.js"></script>
	</body>
</html>
